﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EditImage.ascx.cs" Inherits="SocialFront.Web.usercontrols.Gallery.EditImage" %>

<asp:Panel ID="UserEvents" runat="server" DefaultButton="bEditImage">
    <asp:ValidationSummary ID="PageValidationSummary" runat="server" />

    <div class="event_form">
        <div class="form-row">
            <div class="label">
                <label for="imageTitle">Title:</label>
                <asp:RequiredFieldValidator Display="Dynamic" ID="RequiredFieldValidator1" runat="server"
                    ErrorMessage="Please enter a title!" ControlToValidate="imageTitle">*</asp:RequiredFieldValidator>
            </div>
            <div class="form-right">
                <asp:TextBox ID="imageTitle" runat="server"></asp:TextBox>
            </div>
        </div>
        
        <div class="form-row">
            <div class="label">
                <label for="imageDescription">Description:</label>
            </div>
            <div class="form-right">
                <asp:TextBox ID="imageDescription" runat="server" TextMode="MultiLine"></asp:TextBox>
            </div>
        </div>
        
        <div class="form-row">
            <div class="label">
                <label for="imageDescription">Image:</label>
                <asp:RegularExpressionValidator Display="Dynamic" ID="RegularExpressionValidator1"
                    runat="server" ErrorMessage="Only image files are allowed! jpg, jpeg and png"
                    ValidationExpression="^.+\.((jpg)|(png)|(jpeg))$" ControlToValidate="ImageFile">*</asp:RegularExpressionValidator>
                <asp:RequiredFieldValidator Display="Dynamic" ID="RequiredFieldValidator9" runat="server"
                    ErrorMessage="Please add an Image!" ControlToValidate="ImageFile">*</asp:RequiredFieldValidator>
            </div>
            <div class="form-right">
                <asp:FileUpload ID="ImageFile" runat="server" />
            </div>
        </div>
        
        <div class="form-row">
            <div class="label">
                <label for="imageTags">Tags:</label>
            </div>
            <div class="form-right">
                <asp:TextBox ID="imageTags" runat="server"></asp:TextBox>
            </div>
        </div>

        <asp:Button ID="bEditImage" runat="server" Text="Upload Image" 
            CssClass="submitButton" onclick="bEditImage_Click" />
    </div>
</asp:Panel>
